iT邦幫忙

2022 iThome 鐵人賽

DAY 13
0
Modern Web

30天學習 3D網頁 - spline系列 第 21

Spline - Day 21 – 可以按的計算機 icon + 聲音 – (1)

  • 分享至 

  • xImage
  •  

第21天,要來做的是簡單的計算機加上動畫,這個簡單的計算機我是從apple的計算機icon做一個3D圖型再加上動畫,其實做起來沒有甚麼難度,但是,我覺得最困難的地方,是它的按鈕,喬了好久都還是怪怪的,最後,就用了圓形加一點厚度來展現,有點小可惜,不過,之後研究出來的話,會在Youtube分享~

切入正題,我簡單的列幾個關於材質的重點,明天則是介紹動畫加聲音。

  1. 增加立體度: 新增菲涅爾材質,不用改成疊加,因為會變的不明顯。
  2. 若深色要增加立體度,菲涅爾材質要改成淺一點的顏色,淺色則反之。

本來要加描邊材質讓它感覺可愛一點,結果發現好像不適合就沒加了。

成品(Before) : https://ithelp.ithome.com.tw/upload/images/20220926/20151431gFZcLMOuDO.png

成品(After) : https://ithelp.ithome.com.tw/upload/images/20220926/20151431UiXDgtq3rP.png

預告: Day 22 – 可以按的計算機icon + 聲音 - (2)


上一篇
Spline - Day 20 – 簡易海盜船模型 + 動畫 – (2)
下一篇
Spline - Day 22 – 可以按的計算機icon + 聲音 – (2)
系列文
30天學習 3D網頁 - spline30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言